CSS Types

CSS Types

Editing

<font-format>

format() 함수형 구문에 인수로 사용되는 값을 나타낸다.

문자열(인수)폰트 포맷확장자
"woff"WOFF 1.0 (Web Open Font Format).woff
"woff2"WOFF 2.0 (Web Open Font Format).woff2
"truetype"TrueType.ttf
"opentype"OpenType.ttf, .otf
"embedded-opentype"Embedded OpenType.eot
"svg"SVG Font(deprecated).svg, .svgz
"collection"OpenType Collection.otc, .ttc

구문

  • CSS Fonts Module Level 4
    [<string> | collection | embedded-opentype | opentype
     | svg | truetype | woff | woff2 ]

사용되는 키워드

키워드요약
collection

단일 파일 구조로 여러 OpenType 폰트 리소스를 제공하는 수단이다.

embedded-opentype

EULA 계약을 위반하지 않고 웹 콘텐츠에서 사용할 수 있는 폰트 메커니즘이 필요하여 Microsoft가 글꼴 제작자와 협력하여 EOT 파일 형식을 개발하였다.

opentype

OpenType 글꼴 형식은 디지털 타이포그래피를 위한 다양한 기능을 갖춘 글꼴 데이터 대해 널리 지원되는 형식이다. 1990년대에 Microsoft와 Adobe가 공동 개발한 글꼴 기술이다.

svg

SVG 글꼴은 SVG의 font 요소를 사용하여 정의된 글꼴이다. 기술적인 이유로 작은 글꼴 크기로 텍스트의 품질과 가독성에 제한이 있을 수 있다.

truetype

1980년대 말에 Microsoft와 Apple이 Adobe에 맞서기 위해서 개발된 글꼴 저장 기술이다. 주된 장점은 글꼴 개발자가 다양한 글꼴 크기에서 어떻게 표시될 것인지에 대한 높은 수준의 제어를 할 수 있는 힌팅(hinting) 기술을 가지고 있다.

woff

TrueType, OpenType, Open Font Format(OFF) 글꼴에 사용되는 테이블 기반 sfnt 구조를 위한 컨테이너이다. 글꼴 데이터 테이블을 선택적으로 압축한 sfnt 글꼴의 리패키지 버전이다.

woff2

woff 보다  휠씬 뛰어난 압축률로 글꼴 데이터의 압축을 합리적으로 쉽게 구현할 수 있도록 설계되었으며, @font-face 규칙과 함께 사용하기에 적합하다.

사용되는 타입

버전 명세

Modules
Module NameStatusSummary
CSS Fonts Module Level 4초안 작업

Last review date: 2022-6-18